	/deep/.u-drawer-content{
		border-radius: 30px 30px 0px 0px!important;
	}
.personal {
	position: relative;
	height: calc(100vh - var(--window-top));
	background: rgb(246, 246, 246);
	display: flex;
	flex-direction: column;
	align-items: center;
	overflow: hidden;
	.x-popup {
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
		// border-radius: 30px 30px 0px 0px;
		display: flex;
		flex-direction: column;
		.title {
			width: 100%;
			// height: 98rpx;
			font-size: 36rpx;
			font-weight: 500;
			color: #333333;
		}
		.title, .item {
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.list {
			width: 100%;
			height: 233rpx;
			display: flex;
			flex-direction: column;
			border-top: 2rpx solid #EEEEEE;
			.item {
				flex: 1;
				font-size: 32rpx;
				font-weight: 500;
				color: #666666;
			}
		}
	}
	&-bg {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 386rpx;
		background: #FBD220;
	}
	&-avatar {
		position: relative;
		margin-top: 24rpx;
	}
	&-info {
		position: relative;
		margin-top: 32rpx;
		width: 702rpx;
	}
	&-bottom {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 119rpx;
		background: #FFFFFF;
		box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.1);
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 32rpx;
		&-btn {
			width: 703rpx;
			height: 88rpx;
			background: linear-gradient(-90deg, #FDD422, #FFE23E);
			border-radius: 44rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			font-weight: 500;
			&.remove {
				color: #343434;
			}
			&.myself {
				color: #FFE23E;
				background: #343434;
			}
			&.super {
				.remove {
					width: 291rpx;
					border-radius: 44rpx 0 0 44rpx;
					color: #FFE23E;
					background: #343434;
				}
				.transfer {
					width: 411rpx;
					border-radius: 0 44rpx 44rpx 0;
				}
			}
		}
	}
}
//点击的头像上传text
.dj{
	width: 100%;
	display: flex;
	background-color: red;
}
//头像
.avatar {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-family: PingFang SC;
	font-weight: bold;
	&-wrapper {
		width: 144rpx;
		height: 144rpx;
		// background: #fff;
		border-radius: 50%;
		overflow: hidden;
		position: relative;
		&-preview {
			position: 0;
			left: 0; top: 0;
			width: 100%;
			height: 100%;
		}
		&-inner {
			position: absolute;
			left: 8rpx;
			top: 8rpx;
			right: 8rpx;
			bottom: 8rpx;
			border-radius: 50%;
			display: flex;
			justify-content: center;
			align-items: center;
			
			&__text {
				border: 2rpx dashed #D0D0D0;
				width: 144rpx;
				height: 144rpx;
				text-align: center;
				border-radius: 50%;
				color: #D0D0D0;
				line-height: 144rpx;
				font-weight: 500;
				font-size: 22rpx;
			}
		}
	}
	.name {
		margin-top: 23rpx;
		font-size: 32rpx;
		color: #343434;
	}
	.grade{
		margin-top: 15rpx;
		color: #343434;
		font-size: 24rpx;
		font-weight: 500;
	}
}

//卡片信息
.card-info {
	width: 100%;
	background: #fff;
	box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.14);
	border-radius: 10rpx;
	&-title {
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #343434;
		height: 66rpx;
		display: flex;
		align-items: center;
		padding: 0 24rpx;
	}
	&-item {
		padding: 0 24rpx;
		display: flex;
		align-items: center;
		font-size: 28rpx;
		border-top: 2rpx solid  #F6F6F6;
		height: 90rpx;
		justify-content: space-between;
		&-left {
			color: #9A9A9A;
		}
		&right {
			color: #343434;
			.text {
				margin-right: 25rpx;
			}
		}
	}
}
//保存
.ed{
	background-color:rgb(51,51,51);
	width: 222rpx;
	color:#FFE23E;
	height: 88rpx;
	line-height: 88rpx;
	text-align: center;
	border-left: 4rpx solid #FFFFFF;
}

.content{
	margin: 0 76rpx;
	font-size: 30rpx;
	font-weight: 500;
	color: #666666;
}

.title{
	font-size: 36rpx;
	font-weight: bold;
	color: #333333;
	text-align: center;
	margin: 32rpx 0 32rpx 0;

}
.btn{
	margin: 35rpx 0;
	.btn-left{
		color: #FFE23E;
		font-size: 32rpx;
		width: 220rpx;height: 88rpx;background: #333333;border-radius: 44px 0px 0px 44px;line-height: 88rpx;text-align: center;
	}
	.btn-right{
		color: #333333;
		font-size: 32rpx;
		width: 220rpx;height: 88rpx;background: linear-gradient(-90deg, #FBD220, #FFE23E);border-radius: 0px 44px 44px 0px;line-height: 88rpx;text-align: center;
	}
}

.popup2{
	.popup2-title{
		text-align: center;
		margin: 32rpx 0;
		font-size: 36rpx;
		color: #333333;
	}
	.popup2-content{
		height: 100rpx;
		line-height: 100rpx;
		text-align: center;
		font-size: 32rpx;
		color: #666666;
	}
}
.color-fff{
	color: #fff !important;
}